<template>
    <div class="h-between-center">
        <el-input
            :disabled="disabled"
            :style="{ width: disabled ? '75%' : '100%', marginRight: disabled ? '10px' : '0' }"
            placeholder="请输入人员姓名"
            v-model="info.name"
        ></el-input>
    </div>
</template>
<script>
import { debounce } from 'throttle-debounce'
let me
export default {
    name: 'call',
    data() {
        return {
            info: {
                name: '',
                id: '',
            },
        }
    },
    computed: {
        disabled() {
            return this.$attrs.disabled
        },
    },
    mounted() {
        me = this
        this.info = {}
        try {
            this.info = JSON.parse(this.$vnode.data.props.value)
        } catch (e) {
            console.log(e)
        }
    },
    methods: {
        inputHandle: debounce(1000, function () {
            me.$emit('input', JSON.stringify(this.info))
        }),
    },
}
</script>

<style lang="scss" scoped></style>
